<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试</title>
    <style>
    #mq { 
        width: 270px; padding-left: 5px; } 
        .ctl { table-layout: fixed } 
        .ctl td { overflow: hidden; white-space: nowrap; height: 24px; text-overflow: ellipsis } 
        li { padding: 0px; font-size: 9pt; margin: 0px; line-height: 1.8em; border: 0px none #CCF; }
    </style>
</head>
<body>
    <table height="24" cellspacing="0" cellpadding="0" border="0">
		<tbody>
			<tr>
				<td width="275" background="">
					<div id="mq" style="overflow: hidden; height: 24px "
							onmouseover=IScrollAmount=0 onmouseout=IScrollAmount1>
						<table class="ctl" cellspacing="0" cellpadding="0" width="275" border="0">
							<tbody>
								<tr><td><li>关于做好我省普通高等学校招生工作的通知</li></td></tr>
								<tr><td><li>关于做好我省普通高等学校对口招生工作的通知</li></td></tr>
								<tr><td><li>关于做好我省技能竞赛工作的通知</li></td></tr>
								<tr><td><li>关于做好我省职称评定工作</li></td></tr>
							</tbody>
						</table>
					</div>
				</td>
			</tr>
		</tbody>
</table>

<script>
    var oMarquee = document.getElementById("mq");//滚动对象
    var iLineHeight = 24;//单行高度，像素值
    var iLineCount = 4;//文本的实际行数
    var iScrollAmount = 1;//每次滚动高度，像素
    function run(){
        oMarquee.scrollTop += iScrollAmount;
        if(oMarquee.scrollTop == iLineCount * iLineHeight)
             oMarquee.scrollTop = 0;
        if( oMarquee.scrollTop % iLineHeight == 0 ){
            window.setTimeout("run()",2000);
        }else{
            window.setTimeout("run()",50);
        }
    }
    
    oMarquee.innerHTML += oMarquee.innerHTML;
    window.setTimeout("run()",2000);
</script>

</body>
</html>